*{margin:0px;padding:0px;}body{background:#ffffff;margin:0px;padding:0px;text-decoration:none;font-variant:normal;font-family:'Microsoft YaHei';}a:link,a:visited,a:hover,a:active{text-decoration:none;}a{text-decoration:none;}li{list-style-type:none;}ul,ol{list-style-type:none;list-style-image:none;}input[type="button"],input[type="submit"],input[type="text"]{-webkit-appearance:none;}textarea{-webkit-appearance:none;}select{-webkit-appearance:none;}html{font-size:12px;}@media screen and (max-width:1199px){html{font-size:100px;}body{max-width:750px;margin:0 auto;}}@media (max-width:767px){html{font-size:13.333333333333vw;}body{max-width:initial;}}







.main{

	width: 1200px;

	margin: 0 auto;

}



.top{

	width: 100%;

	height: auto;

	overflow: hidden;

	border-bottom: 1px solid #C0C0C0;

}





.top p{

	color: #777777;

	float: left;

	line-height: 48px;

	font-size: 13px;

}

.top ul{

	float: right;

}

.top ul li{

	float: left;

	line-height: 48px;

	padding: 0 10px;

	position: relative;

}

.top ul li:after{

	content: "";

	width: 1px;

	height: 14px;

	position: absolute;

	right: 0;

	top: 50%;

	transform: translateY(-50%);

	background: #8D8D8D;

}

.top ul li:last-child{

	padding-right: 0;

}

.top ul li:last-child:after{

	width: 0;

	height: 0;

	overflow: hidden;

}

.top ul li a{

	color: #777777;

	font-size: 13px;

}



.head{

	width: 100%;

	height: auto;

	overflow: hidden;

}

.head .main{

	display: flex;

	justify-content: space-between;

	align-items: center;

	height: 128px;

}

.head  img{

	display: block;

}

.banner{

	width: 100%;

	height: auto;

	overflow: hidden;

	position: relative;

}

.banner  .swiper-wrapper  img{

	display: block;

	width: 100%;

}

 

.banner .swiper-pagination{

	position: absolute;

	 

	right: 30px;

 	top: 50%;

 	transform: translateY(-50%);

	 

	z-index: 1;

}

.banner .swiper-pagination span{

	width:10px;

	height: 10px;

	border-radius: 30px;

	background: rgba(50,50,50,.8);

	display: block;

	margin:10px 0;

}



.banner .swiper-pagination .swiper-pagination-bullet-active{

	background:#1E9F11;

}

.banner .swiper-slide img{

	display: block;

	width: 100%;

}



.in-banner{

	height: 400px;

}

 

 

.nav {

	width: 100%;

	height:72px;

	background:#1E9F11;

	position: relative;

	z-index: 100;

}



.nav ul{

	width: 1200px;

	margin: 0 auto;

	height:72px;

	display: flex;

	justify-content: space-between;

	align-items: center;

	border-left: 1px solid #fff;

	box-sizing: border-box;

}

.nav ul li{

	line-height: 72px;

	text-align: center;

	width: 100%;

	height: 72px;

	position: relative;

	border-right: 1px solid #fff;

	box-sizing: border-box;

}

.nav ul li a{

	font-size: 18px;

	color: #fff;

	display: block;

}

.nav ul li:hover{

	background: #1A8A0F;

}





.slogan{

	width: 1200px;

	margin: 0 auto;

	height: auto;

	overflow: hidden;

	background: #fff;

	margin-top: -60px;

	position: relative;

	z-index: 1;

	padding: 40px;

	box-sizing: border-box;

	box-shadow: 3px 3px 4px 0px #c0c0c0a8;

}



.slogan ul{

	display: flex;

	justify-content: space-between;

	align-items: center;

}

.slogan ul li {

	display: flex;

	justify-content: space-between;

	align-items: center;

}

.slogan ul li  img{

	display: block;

	margin-right: 20px;

}

.slogan ul li  h4{

	color: #5a5a5a;

	font-size: 20px;

}

.slogan ul li  p{

	color: #adadad;

	font-size: 12px;

	text-transform: uppercase;

}

.title{

	position: relative;

	display: table;

	margin: 0 auto;

}

.title h4{

	color: #363636;

	font-size: 38px;

	text-align: center;

}

.title  b{

	color: #1e9f11;

}

.title p{

	text-align: center;

	color: #666666;

	font-size: 15px;

	text-align: center;

	margin-top: 5px;

}

 

.product{

	width: 100%;

	height: auto;

	overflow: hidden;

	padding-top: 60px;

}





.product .list{

	width: 100%;

	height: auto;

	overflow: hidden;

	border: 8px solid #DCDCDC;

	box-sizing: border-box;

	padding: 15px 20px;

	margin-top: 30px;

}



.product .list div{

	width: 100%;

	height: auto;

	overflow: hidden;

	margin-bottom: 15px;

}

.product .list div h4{

	color: #fff;

	font-size:  16px;

	width: 117px;

	float: left;

	height: 33px;

	background: url(../images/icon01.png)  no-repeat left center;

}

.product .list div h4 a{

	color: #fff;

	text-align: center;

	line-height: 33px;

	display: block;

	padding-right: 7px;

	box-sizing: border-box;

}



.product .list div ul{

	float: right;

	width: 1020px;

}

.product .list div ul li {

	float: left;

	line-height: 33px;

	padding: 0 10px;

}

.product .list div ul li a{

	display: block;

	font-size: 15px;

	color: #666666;

}

.product .list div ul li:hover a {

	color: #1a8a0f;

	text-decoration: underline;

}

.tab{

	display: table;

	margin: 0 auto;

	margin-top: 30px;

}



.tab ul li{

	float: left;

	width: 220px;

	height: 54px;

	background: #fff;

 	margin-left: 24px;

	box-sizing: border-box;

	text-align: center;

	transition: .5s;

	overflow: hidden;

	border-radius:10px;

	background: #EAEAEA;

	margin-bottom: 10px;

	line-height: 54px;

}

.tab ul li:nth-child(5n-4){

	margin-left: 0;

}

.tab ul li a{

	color: #333333;

	font-size: 18px;

	display: block;

	white-space: nowrap;



    text-overflow: ellipsis;

    overflow: hidden;

}

.tab ul li:hover{

	background: #1E9F11;

}

.tab ul li:hover a{

	color: #fff;

}



.product .pic{

	width: 100%;

	height: auto;

	overflow: hidden;

	margin-top: 30px;

	padding-bottom: 30px;

}



.product .pic ul li{

	float: left;

	width: 390px;

	height: auto;

	overflow: hidden;

	border: 1px solid #DCDCDC;

	margin-left: 15px;

	padding:20px;

	box-sizing: border-box;

	margin-bottom: 15px;

}

.product .pic ul li:hover{

	background: #1A8A0F;	

}

.product .pic ul li:hover p{

	color: #fff;

}



.product .pic ul li:nth-child(3n-2){

	margin-left: 0;

}

.product .pic ul li div{

	border: 1px solid #DCDCDC;

	box-sizing: border-box;

}

.product .pic ul li img{

	display: block;

 	width: 100%;

 	height: 304px;

}



.product .pic ul li p{

	text-align: center;

	color: #333333;

	font-size: 18px;

	margin-top: 10px;

	 white-space: nowrap;

    text-overflow: ellipsis;

    overflow: hidden;

}



.product .more{

	display: block;

	width: 157px;

	height: 50px;

	border: 1px solid #DCDCDC;

	text-align: center;

	line-height: 50px;

	color: #333333;

	font-size: 16px;

	margin: 0 auto;

}



.product .more:hover{

	background: #1A8A0F;

	border: 1px solid #1A8A0F;

	color: #fff;

}



.in-pro{

	padding: 0;

}

.gg{

	width: 100%;

	height: 250px;

	margin-top:30px;

	background: url(../images/gg.jpg) no-repeat center;

}



.gg a{

	display: block;

	width: 100%;

	height: 100%;

}





.gg02{

	background: url(../images/gg02.jpg) no-repeat center;

}



.about{

	width: 1200px;

	margin: 0 auto;

	height: auto;

	overflow: hidden;

	margin-top: 70px;

}

.about .pic{

	float: left;

	margin-top: 33px;

}

.about .pic img{

	display: block;

	width: 600px;

}

.about .intro {

	float: right;

	width: 560px;

	height: auto;

	overflow: hidden;

	margin-top: 53px;



}

.about .intro .info{

	-webkit-line-clamp:9;

	-webkit-box-orient: vertical;

	overflow: hidden;

	width: 100%;

	display: -webkit-box;

	height: auto;



}

.about .intro p{

	text-indent: 2em;

	color: #1f1f1f;

	font-size: 15px;

	line-height: 30px;

}

.about .intro a{

	display: block;

	width: 150px;

	height: 50px;

	background: #1E9F11;

	text-align: center;

	line-height: 50px;

	font-size: 14px;

	margin-top: 40px;

	color: #fff;

}

.adv{

	width: 1200px;

	margin: 0 auto;

	height: auto;

	overflow: hidden;

	margin-top: 60px;

}

.adv .advSwiper{

	margin-top: 40px;

}

.adv .swiper-wrapper{

	display: block;

}

.adv .swiper-slide{

	display: flex;

	justify-content: space-between;

	align-items: center;

	margin-bottom: 40px;

}

.adv .swiper-slide:nth-child(odd){

	flex-direction:row-reverse;

}



.adv .swiper-slide .tit{

	width: 100%;

	height: 105px;

	background: url(../images/adv-tit.png) no-repeat;

}

.adv .swiper-slide .tit b{

	display: block;

	color: #fff;

	font-size: 48px;

	line-height: 105px;

	margin-left: 20px;

	float: left;

}

.adv .swiper-slide .tit p{

	color: #0399eb;

	font-size: 26px;

	line-height: 105px;

	font-weight: bold;

	margin-left: 30px;

	float: left;

}

.adv .swiper-slide ul li{

	width: 100%;

	height: auto;

	overflow: hidden;

	margin-bottom: 15px;

}

.adv .swiper-slide .info{

	width: 530px;

	height: auto;

	overflow: hidden;

	margin-left: 50px;

}

.adv .swiper-slide .info p{

	color: #333333;

	font-size: 16px;

	line-height: 30px;

	position: relative;

	padding-left: 20px;

}

.adv .swiper-slide .info p:after{

	content: "";

	width: 6px;

	height: 6px;

	position: absolute;

	left: 0;

	top: 12px;

	background: #0399EB;

	border-radius: 50%;

}



.lc{

	width: 100%;

	height: auto;

	overflow: hidden;

	margin-top: 60px;

	background: #F5F5F5;

	padding:  60px 0;

}



.lc .bd{

	display: block;

	margin-top: 30px;

	width: 1212px;

	height: 272px;

	background: url(../images/lc.png) no-repeat center;

}

 

.cases{

	width: 100%;

	height: auto;

	overflow: hidden;

	margin-top: 70px;

 	background: url(../images/bg01.jpg);

 	padding: 70px 0;

}



.cases .show{

	width: 100%;

	height: auto;

	overflow: hidden;

	margin-top: 30px;

}

.cases .show .box{

	width: 800%;

}

.cases .pic{

	float: left;

}

.cases .pic ul li{

	float: left;

	width: 290px;

	height: auto;

	overflow: hidden;

	margin-left: 15px;

}

 

.cases .pic ul li img{

	display: block;

	width: 100%;

	height:275px;

}

.cases .pic ul li p{

	text-align: center;

	font-size: 18px;

	color: #333333;

	 white-space: nowrap;

    text-overflow: ellipsis;

    overflow: hidden;

    margin-top: 10px;

}

 

.cases .pic ul li:hover   p{

 	color: #1E9F11;

}

.news{

	width: 100%;

	height: auto;

	overflow: hidden;

	margin-top: 80px;

	margin-bottom: 50px;

 

}

.news ul{

	height: auto;

	overflow: hidden;

	margin-top: 40px;

}



.news ul li{

	width: 580px;

	height: auto;

	float: left;

	margin-bottom: 10px;

	overflow: hidden;

}

.news ul li .time {

	float: left;

	width: 80px;

	height: 80px;

	display: flex;

	justify-content: space-between;

	align-items: center;

	background: #F2F2F2;

	justify-content: center;

	flex-wrap: wrap;

}

.news ul li .time b{

	color: #555555;

	font-size: 38px;

	height: 30px;

	display: block;

	text-align: center;

}

.news ul li:nth-child(2n){

	float: right;

}

.news ul li .time p{

	color: #555555;

	font-size: 12px;

	text-align: center;

}

.news ul li .info{

	float: right;

	width: 480px;

	height:80px;

	overflow: hidden;

	border-bottom: 1px solid #F2F2F2;

}

.news ul li .info h4{

	width: 100%;

	color: #333333;

	font-size: 18px;

	font-weight: normal;

	 white-space: nowrap;

	 margin-top: 10px;

    text-overflow: ellipsis;

    overflow: hidden;

}

.news ul li .info p{

	margin-top: 10px;

	white-space: nowrap;

    text-overflow: ellipsis;

    overflow: hidden;

    color: #555555;

    font-size: 15px;

}

.news ul li:hover .time{

	background: #1E9F11;

}

.news ul li:hover .time b{

	color: #fff;

}

.news ul li:hover .time p{

	color: #fff;

}

.news ul li:hover .info h4{

	color: #1E9F11;

}

.news .more{

	display: block;

	width: 157px;

	height: 50px;

	border: 1px solid #DCDCDC;

	text-align: center;

	line-height: 50px;

	color: #333333;

	font-size: 16px;

	margin: 0 auto;

	margin-top: 30px;

}

.news .more:hover{

	background: #1E9F11;

	border: 1px solid #1E9F11;

	color: #fff;

}

.sh{

	width: 100%;

	height: auto;

	overflow: hidden;

	padding: 60px 0;

	box-sizing: border-box;

	background: #6B9F04;

}



.sh h4{

	color: #fff;

	font-size: 36px;

	font-weight: normal;

	text-align: center;

 

}

.sh b{

	font-weight: normal;

	color: #fca600;

}



.sh p{

	color: #fff;

	font-size: 24px;

	margin-top: 40px;

	text-align: center;

}

.sh span{

	display: block;

	font-size: 30px;

	margin-top: 30px;

	text-align: center;

	color: #fff;

}

.footer{

	width: 100%;

	height: auto;

	overflow: hidden;

	background: #333333;

	padding-top: 60px;

	padding-bottom: 60px;

	box-sizing: border-box;

}

.footer .info{

	width: 650px;

	height: auto;

	overflow: hidden;

	color: #b2afaf;

	float: left;

	font-size: 15px;

	line-height: 30px;

}

.footer  .ewm{

	float: right;

	width: 265px;

	height: 158px;

	background: url(../images/bg02.jpg) no-repeat center;

}



.footer  .ewm img{

	display: block;

	width: 150px;

	height: 150px;

	margin: 5px;

}

 

.links{

	width: 100%;

	height: auto;

	overflow: hidden;

	padding-top: 20px;

	box-sizing: border-box;

	border-top: 1px solid #C4C4C4;

	margin-bottom: 20px;

	 

}

 

.links  h4{

	color: #222222;

	font-size: 18px;

	float: left;

	font-weight: bold;

}

 

.links ul{

	float: right;

	width: 1050px;

	height: auto;

	margin-top: 2px;

	height: 20px;

	overflow: hidden;

}

.links ul li{

	float: left;

	position: relative;

	padding: 0 10px;

}

.links ul li:after{

	content: "";

	width: 1px;

	height: 14px;

	position: absolute;

	right: 0;

	top: 50%;

	transform: translateY(-50%);

	background: #9B9B9B;

}

.links ul li a{

	color: #6c6c6c;

	font-size: 14px;

	display: block;

}

.links ul li:last-child:after{

	width: 0;

	height: 0;

	overflow: hidden;

}



.menu{

	width: 100%;

	height: auto;

	overflow: hidden;

	background:#1E9F11;

}

.menu ul{

	width: 1200px;

	margin: 0 auto;

	display: flex;

	justify-content: space-between;

	align-items: center;

	height: auto;

	overflow: hidden;

}

.menu ul li{

	float: left;

	position: relative;

	line-height: 50px;

	padding: 0 50px;

	box-sizing: border-box;

}

.menu ul li:after{

	content: "";

	width: 1px;

	height: 25px;

	position: absolute;

	right: 0;

	top: 50%;

	transform: translateY(-50%);

	background: #fff;

}

.menu ul li a{

	color: #fff;

	font-size: 18px;

	display: block;

}

.menu ul li:last-child:after{

	width: 0;

	height: 0;

	overflow: hidden;

}





 

.gotop{

	display: none;

}

.float-right{

	width:auto;

	height: auto;

	overflow: hidden;

	position: fixed;

	bottom: 100px;

	right: 0;

	width: 180px;

}

.float-right ul li{

	width: 180px;

	margin-top: 5px;

	height:auto;

	overflow: hidden;

	margin-left: 130px;

	position: relative;

	transition: .5s;

 

}

 

.float-right ul li span{

	display: block;

	width: 50px;

	height: 50px;

	float: left;

}

.float-right ul li:nth-child(2):hover{

	margin-left: 0;

}

.float-right ul li:nth-child(3):hover{

	margin-left: 0;

}

.float-right ul li:nth-child(4):hover{

	margin-left: 0;

}

.float-right ul li:nth-child(4):hover img{

	height: 120px;

}

.float-right ul li p{

	float: left;

	font-size: 16px;

	color:#fff;

	width: 130px;

	text-align: center;

 	height: 50PX;

   	line-height: 50px;

	font-weight: bold;

	background: #454545;

 

}

.float-right ul li a{

	display: block;

	line-height: 50px;

	text-align: center;

	background: #454545;

	color:#fff;

	font-size: 16px;

	font-weight: bold;

}

.float-right ul li:nth-child(1) span{

	background:#454545 url(../images/float01.png)no-repeat  center;

}

.float-right ul li:nth-child(2) span{

	background:#454545 url(../images/float02.png)no-repeat   center;

}

.float-right ul li:nth-child(3) span{

	background:#454545 url(../images/float03.png)no-repeat   center;

}

.float-right ul li:nth-child(4) span{

	background:#454545 url(../images/float04.png)no-repeat   center;

}

.float-right ul li:nth-child(5) span{

	background:#454545 url(../images/float05.png)no-repeat   center;

}

.float-right ul li div{

	width:130px;

	float: left;

	background: #454545;

	height: auto;

	overflow: hidden;

}

.float-right ul li img{

	display: block;

	width: 120px;

	height:50px;

	transition: .3s;

	float: right;

	margin: 5px;

}









.float{

	display: none;

}





.page{

	display: table;

	margin: 40px auto;

	max-width: 1200px;

}



.page ul li{

	float: left;

	padding: 0 10px;

	height: auto;

	overflow: hidden;

	line-height: 30px;

	border: 1px solid #ccc;

	box-sizing: border-box;

	margin: 0 3px;

}



.page ul li a{

	color:#333;

}



.page .thisclass{

	background:#1E9F11;

	color:#fff;

	font-size: 12px;

}

.page .thisclass a{

	color: #fff;

}

.img-list{

	height: auto;

	overflow: hidden;

	width: 100%;

	padding-top: 20px;

}

.img-list .pic{

	height: auto;

	overflow: hidden;

	margin-top: 20px;

}



.img-list .pic ul li{

	float: left;

	width: 285px;

	margin-left: 20px;

	margin-bottom: 20px;

}

.img-list .pic ul li:nth-child(4n-3){

	margin-left: 0;

}

.img-list .pic ul li div{

	padding: 10px;

	box-sizing: border-box;

	border: 1px solid #D2D2D2;

}

.img-list .pic ul li img{

	display: block;

	width: 100%;

}

.img-list .pic ul li p{

	width: 100%;

	height: 40px;

	line-height: 40px;

	color: #333;

	font-size: 16px;

	text-align: center;

	white-space: nowrap;

    text-overflow: ellipsis;

    overflow: hidden;

}

.crumbs{

    width: 100%;

    height: 55px;

    line-height: 55px;

    background: #eee;

}



.crumbs p{

	font-size: 18px;

	float: left;

}

.crumbs  a{

	color:#333;

	font-size: 14px;

	padding-right: 15px;

	position: relative;

}

.crumbs a:after{

	content: ">";

	position: absolute;

	right:2px;

	font-family: '宋体';

}

.crumbs a:last-child:after{

	width: 0;

	height: 0;

	overflow: hidden;

}





.fy{

	width: 1200px;

	margin: 40px auto;

	height: auto;

	line-height: 40px;

	overflow: hidden;



	border-bottom: 1px solid #ccc;

}

.fy p{

	color:#333;

	font-size: 14px;

	float: left;

	max-width:400px;

	white-space: nowrap;

    text-overflow: ellipsis;

    overflow: hidden;

	padding: 0 20px;

	box-sizing: border-box;

}

.fy a{

	color:#333;

}

.return{

	float: right;

	font-size: 14px;

}



.news-list{

	width: 100%;

	height: auto;

	overflow: hidden;

	margin-top: 20px;

}

.news-list ul {

	width: 100%;

	height: auto;

	overflow: hidden;

	 

}

.news-list ul li{

	width: 100%;

	height: auto;

	overflow: hidden;

	line-height: 50px;

	border-bottom: 1px solid #eee;

	position: relative;

}



.news-list ul li a{

	color: #686767;

	font-size: 16px;

	display:block;

	white-space: nowrap;

    text-overflow: ellipsis;

    overflow: hidden;

	float: left;

	width: 440px;

	margin-left: 15px;

}



.news-list ul li span{

	float: right;

	color: #686767;

	font-size:14px;

}

.news-list ul li:after{

	content: ">";

	position: absolute;

	left: 0;

	top: 0;

	color: #686767;

	font-size: 16px;

	font-family: '宋体';

}



.news-list ul li:hover a{

	color: #1E9F11;

}

.about-intro{

	width: 100%;

	height: auto;

	overflow: hidden;

	margin-top: 30px;

}

.about-intro .intro{

	color: #333;

	font-size: 16px;

	line-height: 30px;

}

.about-intro .intro p{

	text-indent: 2em;

}

.about-intro .intro img{

	display: block;

	max-width: 100%;

	margin: 0 auto;

}



.map{

	width: 100%;

	height: 400px;

	overflow: hidden;

	margin-top: 20px;

}

 



.detailed{

	width: 100%;

	height: auto;

	overflow: hidden;

	margin-top: 40px;

}

.detailed .tit{

	height: auto;

	overflow: hidden;

	border-bottom: 1px solid #eee;

	padding-bottom: 15px;

}

.detailed .tit h4{

	color:#333;

	font-size: 24px;

	text-align: center;

}



.detailed .tit  p{

	display: block;

	font-size: 14px;

	color:#666;

	margin-top: 15px;

	text-align: center;

}

.detailed .tit  span{

 	margin: 0 5px;

}





.detailed  .info{

	width: 100%;

	height: auto;

	overflow: hidden;

	margin-top: 30px;

	color:#333;

	font-size: 16px;

	line-height: 30px;

	min-height:150px;

}

.detailed .info p{

	text-indent: 2em;

}


.detailed .info a{

	color:#333;
}

.detailed  .info img{

	display: block;

	max-width: 100%;

	margin: 0 auto;

}



.img-box{

    	overflow: hidden;

    	height: auto;

 }

 

.img-box img{

	transition: .5s;

}

.img-box:hover img{

	transform: scale(1.05);

}